﻿.SpinnerControl {
    overflow: auto;
    float: left
}

.SpinnerControl div {
    height: 31px;
    line-height: 31px;
    float: left;
}

.SpinnerControl .LeftButton {
    width: 30px;
    background: url("../images/spinnerbuttons.png") no-repeat left top transparent;
    cursor: pointer;
}

.SpinnerControl .LeftButton:hover {
    width: 30px;
    background: url("../images/spinnerbuttons.png") no-repeat left bottom transparent;
    cursor: pointer;
}

.SpinnerControl .ValueDisplay {
    min-width: 30px;
    border: 1px solid black;
    height: 29px;
    overflow: auto;
    font-family: Verdana;
    font-size: 14px;
    line-height: 29px;
    text-align: center;
}

.SpinnerControl .RightButton {
    width: 30px;
    background: url("../images/spinnerbuttons.png") no-repeat right top transparent;
    cursor: pointer;
}

.SpinnerControl .RightButton:hover {
    width: 30px;
    background: url("../images/spinnerbuttons.png") no-repeat right bottom transparent;
    cursor: pointer;
}